﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPrincipal.master" AutoEventWireup="true"
    CodeFile="DesvincularArtigoAG.aspx.cs" Inherits="Artigo_VincularArtigo" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <link href="../Teste/jQueryUI/development-bundle/themes/flick/jquery.ui.all.css"
        rel="stylesheet" type="text/css" />
    <script src="../scripts/fswgrid-0.2.js" type="text/javascript"></script>
    <script src="../scripts/json2.js" type="text/javascript"></script>
    <script src="../Teste/fancySlidingForm/sliding.form.js" type="text/javascript"></script>
    <link href="../Css/geral.css" rel="stylesheet" type="text/css" />
    <link href="../Teste/fancySlidingForm/css/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        var configGridArtigo = { s: 4, i: 1, t: '', o: '' };
        var configGridAvaliador = { s: 4, i: 1, t: '', o: '' };
		var idArtigo;
        function vincular(guid)
        {
            $.ajax({
                async: false,
		        type: "POST",
		        url: "DesvincularArtigoAG.aspx/vinculado",
		        contentType: "application/json; charset=utf-8",
		        dataType: "json",
		        data: JSON.stringify({idAvaliador: guid, idArtigo: idArtigo}),
		        success: 
                    function (msg)
                    {
                        if(msg.d == true)
                        {
                            $('#dialog-vinculado').dialog({
                                title: 'Vinculado',
                                resizable: false,
                                position: 'center',
                                height: '200',
                                width: '320',
                                modal: true,
                                overlay: {
                                    backgroundColor: '#000',
                                    opacity: 0.5
                                },
                                buttons: [
                                    {
                                        text: "Ok", 
                                        click: function() { 
                                            $(this).dialog("close");
                                        }
                                    }
                                ]
                            });
                        }
                        else
                        {
                            $.ajax({
		                        type: "POST",
		                        url: "DesvincularArtigoAG.aspx/vincular",
		                        contentType: "application/json; charset=utf-8",
		                        dataType: "json",
		                        data: JSON.stringify({idAvaliador: guid, idArtigo: idArtigo}),
		                        success: 
                                    function (msg)
                                    {
                                        if(msg.d == true)
                                        {
                                            document.location.reload();
                                        }
                                        else
                                        {
                                            $('#dialog-naovinculado').dialog({
                                                title: 'Vinculado',
                                                resizable: false,
                                                position: 'center',
                                                height: '200',
                                                width: '320',
                                                modal: true,
                                                overlay: {
                                                    backgroundColor: '#000',
                                                    opacity: 0.5
                                                },
                                                buttons: [
                                                    {
                                                        text: "Ok", 
                                                        click: function() { 
                                                            $(this).dialog("close");
                                                        }
                                                    }
                                                ]
                                            });
                                        }
                                    }
	                        });
                        }
                    }
	        });
        };
        function novaPesquisaArtigo()
        {
            document.getElementById("textPesquisaArtigo").style.visibility = 'visible';
            document.getElementById("PesquisarArtigo").style.visibility = 'visible';
            document.getElementById("anovaPesquisaArtigo").style.visibility = 'hidden';
            document.getElementById("tabela-artigo").style.visibility = 'hidden';
            document.getElementById("table-artigo-footer").style.visibility = 'hidden';            
            configGridArtigo.i = 1;
        };
//        function selecionarAvaliador(guid)
//        {
//            idAvaliador = guid;
//            $('#passo3').click();
//            carregarListaAvaliador();
//        }
        function voltar()
        {
            $('#passo1').click();
        };
        function selecionarArtigo(guid)
        {
			idArtigo = guid;
            carregarListaAvaliador();
            $('#passo2').click();
        };
		function carregarListaAvaliador(){
            document.getElementById("tabela-avaliador").style.visibility = 'visible';
            document.getElementById("table-artigo-footer").style.visibility = 'visible';   
            document.getElementById("table-avaliador-footer").style.visibility = 'visible';
		    var lista;
			    $.ajax({
				    type: "POST",
				    url: "DesvincularArtigoAG.aspx/getAvaliador",
				    contentType: "application/json; charset=utf-8",
				    dataType: "json",
				    data: JSON.stringify({pagina: configGridAvaliador.i, id: idArtigo}),
				    success: 
					    function (msg) {
							lista = msg.d;
						    $('#tabela-avaliador').fswGrid({
							    bottombar: '#table-avaliador-footer',
							    selectable: true,
							    selectSingle: true,
							    sortable: true,
							    nextText: 'Próxima',
							    prevText: 'Anterior',
							    resultText: 'Exibindo de {0} a {1} de {2} resultados ',
							    results: false,
							    pagination: true,
							    message: 'Nenhum avaliador encontrado',
							    pageSize: configGridAvaliador.s,
							    onNext: function (i) {
								    configGridAvaliador.i = configGridAvaliador.i + 1;
							    },
							    onPrev: function (i) {
								    configGridAvaliador.i = configGridAvaliador.i - 1;
							    },
							    render: function (row, item) {                                
								    var tdAcoes = $('<td>');
                                    $(row).append($('<td>').text(item.Pessoa.nome));
                                    tdAcoes.append($('<a id="buttonVincular" href="javascript:vincular(\''+item.id+'\')" class="buttonAcaoMenor">Vincular</a>'));
								    $(row).append(tdAcoes);
								}
							}, lista);
					    },
			    });
	    };
        function carregarListaArtigo(){
            document.getElementById("textPesquisaArtigo").style.visibility = 'hidden';
            document.getElementById("PesquisarArtigo").style.visibility = 'hidden';
            document.getElementById("anovaPesquisaArtigo").style.visibility = 'visible';
            document.getElementById("tabela-artigo").style.visibility = 'visible';
            document.getElementById("table-artigo-footer").style.visibility = 'visible';
		    var lista;
			    $.ajax({
				    type: "POST",
				    url: "DesvincularArtigoAG.aspx/getArtigo",
				    contentType: "application/json; charset=utf-8",
				    dataType: "json",
				    data: JSON.stringify({pagina: configGridArtigo.i, nome: $('#textPesquisaArtigo').val()}),
				    success: 
					    function (msg) {
					    lista = msg.d;
						    $('#tabela-artigo').fswGrid({
							    bottombar: '#table-artigo-footer',
							    selectable: true,
							    selectSingle: true,
							    sortable: true,
							    nextText: 'Próxima',
							    prevText: 'Anterior',
							    resultText: 'Exibindo de {0} a {1} de {2} resultados ',
							    results: false,
							    pagination: true,
							    message: 'Nenhum artigo encontrado',
							    pageSize: configGridArtigo.s,
							    onNext: function (i) {
								    configGridArtigo.i = configGridArtigo.i + 1;
							    },
							    onPrev: function (i) {
								    configGridArtigo.i = configGridArtigo.i - 1;
							    },
							    render: function (row, item) {                                
								    var tdAcoes = $('<td>');
                                    //var tdCont = $('<td>');
                                    //var text;
                                    //var textCont;
                                    $(row).append($('<td>').text(item.titulo));
                                    for(i=0; i<item.AutoresArtigos.length; i++)
                                    {
                                        if(item.AutoresArtigos[i].ordem == '0')
                                        {
                                            $(row).append($('<td>').text(item.AutoresArtigos[i].Pessoa.nome));
                                            //textCont = $('<a href="#">[...]</a>');
                                        }
                                    }
                                    //$(row).append($('<td>').text(text));
                                    //tdCont.append(textCont);
                                    //$(row).append(tdCont);
                                    $(row).append($('<td>').text(item.Evento.titulo));
									var buttonSelecionar = $('<a id="next" href="javascript:selecionarArtigo(\''+item.id+'\');" class="buttonAcaoMenor">Selecionar >></a>');
								    tdAcoes.append(buttonSelecionar);
								    $(row).append(tdAcoes);
							    }
						    }, lista);
					    },
			    });
	    };
    </script>
    <style>
        span.reference
        {
            position: fixed;
            left: 5px;
            top: 5px;
            font-size: 10px;
            text-shadow: 1px 1px 1px #fff;
        }
        span.reference a
        {
            color: #555;
            text-decoration: none;
            text-transform: uppercase;
        }
        span.reference a:hover
        {
            color: #000;
        }
        h1
        {
            color: #ccc;
            font-size: 36px;
            text-shadow: 1px 1px 1px #fff;
            padding: 20px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderConteudo" runat="Server">
    <table>
        <tr>
            <td style="padding-right: 30px;">
                <dl>
                    <dt style="color: Blue; font-size: 15px">MENU</dt>
                    <br />
                    <dd>
                        <a href="\Default.aspx" style="border-bottom: 1px solid #F4F4F4">Principal</a>
                    </dd>
                    <dd>
                        <a href="SistemaEventos\Artigo\GerenciarArtigo.aspx" style="border-bottom: 1px solid #F4F4F4">
                            Gerenciar Artigo</a>
                    </dd>
                </dl>
            </td>
            <td style="border-left: 1px solid #EEE; padding-left: 10px">
                <div id="content" style="margin: 15px 60px; text-align: left">
                    <div id="wrapper2" style="width: 585px">
                        <div id="steps" style="height: 410px">
                            <form id="formElem" name="formElem" action="" method="post">
                            <fieldset class="step">
                                <div>
                                    <div>
                                        <h2>
                                            Pesquise o artigo</h2>
                                        <br />
                                    </div>
                                    <input id="textPesquisaArtigo" type="text" />
                                    <a class="buttonAcao" id="PesquisarArtigo" href="javascript:carregarListaArtigo();">
                                        Pesquisar</a> <a style="visibility: hidden" id="anovaPesquisaArtigo" class="buttonAcao"
                                            href="javascript:novaPesquisaArtigo();">Nova Pequisa</a>
                                    <br />
                                </div>
                                <table class="tabela-pesquisa" id="tabela-artigo" style="visibility: hidden;width: 540px">
                                    <thead>
                                        <tr>
                                            <th>
                                                Nome
                                            </th>
                                            <th>
                                                Autor
                                            </th>
                                            <th>
                                                Evento
                                            </th>
                                            <th>
                                                Ação
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                                <div class="button-footer" id="table-artigo-footer" style="visibility: hidden">
                                    <span class="fsw-grid-results"></span><a runat="server" id="A1" class="fsw-grid-prev"
                                        href="javascript:carregarListaArtigo();">Anterior</a> <a class="fsw-grid-next" runat="server"
                                            id="A2" href="javascript:carregarListaArtigo();">Próximo</a>
                                </div>
                            </fieldset>
                            <fieldset class="step">
                                <div>
                                    <div>
                                        <h2>
                                            Avaliadores do evento</h2>
                                        <br />
                                    </div>
                                    <br />
                                </div>
                                <table class="tabela-pesquisa" id="tabela-avaliador" style="width: 540px" >
                                    <thead>
                                        <tr>
                                            <th>
                                                Nome
                                            </th>
                                            <th>
                                                Ação
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                                <div class="button-footer" id="table-avaliador-footer" style="visibility: hidden">
                                    <span class="fsw-grid-results"></span><a runat="server" id="gridprev" class="fsw-grid-prev"
                                        href="javascript:carregarListaAvaliador();">Anterior</a> <a class="fsw-grid-next"
                                            runat="server" id="gridnext" href="javascript:carregarListaAvaliador();">Próximo</a>
                                </div>
                                <br />
                                <a id="voltar" class="buttonAcao" href="javascript:voltar();"><< Pesquisar artigo</a>
                            </fieldset>
                            </form>
                        </div>
                        <div id="navigation" style="display: none; visibility: hidden;">
                            <ul>
                                <li class="selected"><a href="#" id="passo1">1 - Pesquise o artigo</a> </li>
                                <li><a href="#" id="passo2">2 - Pesquise o avaliador</a> </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </td>
        </tr>
    </table>
    <div id="dialog-vinculado" style="display: none">
        Avaliador ja vinculado para esse artigo !
    </div>
    <div id="dialog-naovinculado" style="display: none">
        erro ao vincular avaliador, tente denovo
    </div>
</asp:Content>
